@import "./default.less";

.ant-card {
	margin-bottom: 10px;
}

.container {
	.nav-left {
		// background-color: @primary;
		color: @white;
		height: calc(100vh);
		.logo {
			height: 40px;
			background: white;
			padding-left: 24px;
			span::before {
				font-size: 34px;
				line-height: initial;
				color: @primary;
			}
		}
		.meun {
			padding-top: 24px;
			background-color: @gray-bg;
		}
	}
	.main {
		height: calc(100vh);
		display: flex;
		flex-direction: column;
	}
	.header {
		.header-top {
			height: 40px;
			line-height: 40px;
			padding: 0 24px;
			text-align: right;
			// border-bottom: 2px solid @primary-lightest;
			a {
				margin-left: 40px;
			}
		}

		.breadcrumb {
			height: 24px;
			line-height: 24px;
			padding: 0 24px;
			background-color: @gray-bg;
			.weather {
				text-align: right;
			}
		}
	}

	.body {
		padding: 0 24px 0px 24px;
		background-color: @gray-bg;
		flex: 1;
		overflow: hidden;
		overflow-y: auto;
		.content {
			height: 100%;
			// background-color: @white;
		}
	}

	.footer {
		padding: 20px 20px 0 20px;
		text-align: center;
		background-color: @gray-bg;
		.content {
			height: 48px;
			color: #d7d7d7;
			text-align: center;
			background-color: @white;
		}
	}
}
